<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>评论回复通知</title>
    <style>
        body {
            font-family: "Microsoft YaHei", "Segoe UI", sans-serif;
            line-height: 1.6;
            max-width: 600px;
            margin: 0rem auto;
            padding: 0 20px;
            color: #333;
            height: 100vh;
            display: flex;
            justify-content: center;
            flex-direction: column;
        }

        .header-img {
            text-align: center;
        }

        .header-img img {
            border-radius: 50%;
            width: 2rem;
        }

        .header {
            color: #2c3e50;
            margin-bottom: 25px;
            border-bottom: 1px solid #eee;
            padding-bottom: 10px;
            text-align: center;
            font-size: .7rem;
        }

        .header span {
            font-weight: bold;
        }

        .reply-info {
            color: #666;
            margin: 15px 0;
            font-size: .8rem;
        }

        .reply-info strong {
            color: #3498db;
        }

        .reply-info-content {
            border: 1px solid #f3c2e1;
            border-radius: .3rem;
            padding: 1rem;
            background: #ebdfe7;
            line-height: 1rem;
            font-size: .7rem;
        }

        .quote {
            background-color: #f8f9fa;
            border-left: 4px solid #e0e0e0;
            padding: 12px 20px;
            margin: 15px 0;
            color: #666;
        }

        .literary-quote {
            font-style: italic;
            color: #7f8c8d;
            margin: 20px 0;
            padding-left: 15px;
            border-left: 2px solid #bdc3c7;
            font-size: .5rem;
        }

        .footer {
            font-size: 12px;
            color: #95a5a6;
            text-align: center;
            margin-top: 30px;
        }

        hr {
            border: 0;
            height: 1px;
            background: #ecf0f1;
            margin: 25px 0;
        }

        .button {
            text-align: center;
            padding: 1rem;
        }

        button {
            height: 2rem;
            border: none;
            width: 7rem;
            background-color: #488aec;
            color: #ffffff;
            font-size: 0.75rem;
            line-height: 1rem;
            font-weight: 700;
            text-align: center;
            cursor: pointer;
            text-transform: uppercase;
            vertical-align: middle;
            align-items: center;
            border-radius: 0.5rem;
            user-select: none;
            gap: 0.75rem;
            box-shadow:
                0 4px 6px -1px #488aec31,
                0 2px 4px -1px #488aec17;
            transition: all 0.6s ease;
        }

        button:hover {
            box-shadow:
                0 10px 15px -3px #488aec4f,
                0 4px 6px -2px #488aec17;
        }

        button:focus,
        button:active {
            opacity: 0.85;
            box-shadow: none;
        }
    </style>
</head>

<body>
    <div class="header-img">
        <img src="https://img0.baidu.com/it/u=3196617431,1263013381&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500" alt=""
            srcset="">
    </div>
    <div class="header">
        您在『<span>2024·前路未尽，初心犹在</span>』的评论有了新的回复呐~
    </div>

    <div class="reply-info">
        <strong>Innei</strong> 给您的回复：<br><br>
        <div class="reply-info-content">
            加油加油 ♥
        </div>

    </div>

    <div class="reply-info">
        你之前的回复是：<br><br>
        <div class="reply-info-content">
            关注大佬一年了，感觉大佬是真的热爱这行，无论是文章输出，
            还是更新频率，我都非常佩服。很厉害的一个人，努力的人运气
            不会太差，加油加油(ｓ：ˉ)ｓ
        </div>
    </div>

    <div class="button">
        <button>
            查看完整内容
        </button>
    </div>
    <hr>

    <div class="literary-quote">
        萤火虫消失之后，那光的轨迹仍久久地印在我的脑际。那微弱浅淡
        的光点，仿佛迷失方向的魂灵，在漆黑厚重的夜幕中彷徨。
        ——《挪威的森林》村上春树
    </div>

    <div class="footer">
        本邮件为系统自动发送，请勿直接回复~<br>
        ©2024 Copyright Innei
    </div>
</body>

</html>